 body {
     background-color: #e8f5e9;
     overflow-y: hidden;
     overflow-x: hidden;
 }

 .icon {
     width: 1em;
     height: 1em;
     vertical-align: -0.15em;
     fill: currentColor;
     overflow: hidden;
 }

 #nav {
     position: absolute;
     top: 0;
     left: 50%;
     width: 100px;
     margin: 2vw;
     transition: top 0.7s ease-out;
 }

 #nav>a,
 #nav>span,
 #navContent>* {
     display: inline-block;
     width: 90%;
     margin: 5px;

     text-align: center;
     text-decoration: none;

     line-height: 5vh;
     height: 5vh;

     color: black;
     background-color: #c8e6c9;
     border-radius: 2vw;

     transition: height 0.7s ease-out;
 }

 #nav>hr {
     height: 0.5vw;
     visibility: hidden;
 }

 #outputBackground {
     display: none;
     position: fixed;
     left: 0;
     top: 0;
     width: 100vw;
     height: 100vh;
     background-color: #000;
     opacity: 0.2;
 }

 #output {
     display: none;
     position: fixed;
     left: 30vw;
     top: 30vh;
     width: 40vw;
     height: 40vh;
     border-radius: 3vw;
     background-color: #a5d6a7;
     box-shadow: #CCC 1px 1px 1px 1px;
     padding: 2%;
 }